<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>particles 插件测试</title>

    <link href="https://cdn.bootcss.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet">
    <link href="../lib/particles/css/style.css" rel="stylesheet" media="screen">
</head>
<body>

<!-- count particles -->
<!--<div class="count-particles">-->
    <!--<span class="js-count-particles">&#45;&#45;</span> particles-->
<!--</div>-->

<!-- particles.js container -->
<div id="particles-js"></div>

<!-- scripts -->
<script src="../lib/particles/particles.min.js"></script>
<script src="../lib/particles/js/app.js"></script>

<!-- stats.js -->
<script src="../lib/particles/js/lib/stats.js"></script>
<!--<script>-->
    <!--var count_particles, stats, update;-->
    <!--stats = new Stats;-->
    <!--stats.setMode(0);-->
    <!--stats.domElement.style.position = 'absolute';-->
    <!--stats.domElement.style.left = '0px';-->
    <!--stats.domElement.style.top = '0px';-->
    <!--document.body.appendChild(stats.domElement);-->
    <!--count_particles = document.querySelector('.js-count-particles');-->
    <!--update = function () {-->
        <!--stats.begin();-->
        <!--stats.end();-->
        <!--if (window.pJSDom[0].pJS.particles && window.pJSDom[0].pJS.particles.array) {-->
            <!--count_particles.innerText = window.pJSDom[0].pJS.particles.array.length;-->
        <!--}-->
        <!--requestAnimationFrame(update);-->
    <!--};-->
    <!--requestAnimationFrame(update);-->
<!--</script>-->

<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>

</body>
</html>